<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商品详情</title>
		
		<link rel="stylesheet" type="text/css" href="styles/jquery.exzoom.css"/>
	</head>
	<body>
		<header>
			<div class="pdd-head">
				<a href="./index.html" class="pdd-img"><img class="ph-logo"
						src="https://cdn.pinduoduo.com/home/static/img/common/pdd_logo_v2.png" alt=""></a>
				<ul class="ph-tab">
					<li><a href="./index.html"><span class="ph-tab-item" style="color:#E02E24;">首页</span></a>
	
					</li>
					<li><a href=""><span class="ph-tab-item">商家入驻</span></a>
						<div class="chang">
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
						</div>
					</li>
					<li><a href=""><span class="ph-tab-item">热点资讯</span></a>
						<div class="chang">
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
						</div>
					</li>
					<li><a href=""><span class="ph-tab-item">爱心扶贫</span></a>
						<div class="chang">
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
						</div>
					</li>
					<li><a href=""><span class="ph-tab-item">社会招聘</span></a>
						<div class="chang">
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
						</div>
					</li>
					<li><a href=""><span class="ph-tab-item">校园招聘</span></a>
						<div class="chang">
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
						</div>
					</li>
					<li><a href=""><span class="ph-tab-item">商务合作</span></a>
						<div class="chang">
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
						</div>
					</li>
					<li><a href=""><span class="ph-tab-item">帮助中心</span></a>
						<div class="chang">
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
						</div>
					</li>
					<li><a href=""><span class="ph-tab-item">举报平台</span></a>
						<div class="chang">
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
						</div>
					</li>
					<li><a href=""><span class="ph-tab-item">分享赚钱</span></a>
						<div class="chang">
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
							<p>二级菜单</p>
						</div>
					</li>
	
				</ul>
	
			</div>
			
		</header>
		//--------------------------------------------------------------------------
		
		<div class="exzoom" id="exzoom">
		    <!--大图区域-->
		    <div class="exzoom_img_box">
		        <ul class='exzoom_img_ul'>
		            <li><img class="fangdajing"src=""/></li>
		            
		        </ul>
		    </div>
		    <!--缩略图导航-->
		    <div class="exzoom_nav"></div>
		    <!--控制按钮-->
		    <p class="exzoom_btn">
		        <a href="javascript:void(0);" class="exzoom_prev_btn"> < </a>
		        <a href="javascript:void(0);" class="exzoom_next_btn"> > </a>
		    </p>
		</div>
		<div class="box">
			<div class="shangpin">商品：<span class="shangpins"></span></div>
			<div class="jiage">价格：<span class="jiages"></span> <i>元</i>
			<a href="javascript:void(0)" class="float">购买</a>
			</div>
		</div> 
	
	</body>
	<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
	<script src="javascripts/jquery.exzoom.js"></script>
	<script src="javascripts/fangdajing.js"></script>
	
</html>